<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="format-detection" content="telephone=no" />
  <meta content="email=no" name="format-detection" />
  <script src="build/flexible.js"></script>
  <script src="build/flexible_css.js"></script>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/icons.css">
  <link rel="stylesheet" href="css/each/productDetail.css">
  <!--[if lt IE 8]><!-->
  <link rel="stylesheet" href="ie7/ie7.css">
  <link rel="stylesheet" href="js/swiper/swiper.css">
  <!--<![endif]-->
  <title>城市超市</title>
</head>
<body class="font14">
<header>
  <div class="header-tit box box-left box-center">
    <div class="item-fix header-icon"><a href="mallList.html" class=" icon-back"></a></div>
    <h1 class="item">城市超市</h1>
    <div class="item-fix icons-square"></div>
  </div>
</header>
<section class="section-single">
  <div class="banner">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <a href=""><img src="img/product_detail1.png"></a>
        </div>
        <div class="swiper-slide">
          <a href=""><img src="img/product_detail1.png"></a>
        </div>
        <div class="swiper-slide">
          <a href=""><img src="img/product_detail1.png"></a>
        </div>
        <div class="swiper-slide">
          <a href=""><img src="img/product_detail1.png"></a>
        </div>
      </div>
      <div class="swiper-pagination"></div>
    </div>
  </div>
  <div class="product-msg">
    <p class="product-name">【三只松鼠—黄桃干106g*2袋】休闲零食特产果脯蜜饯</p>
    <span class="product-price color-red">￥23.00</span>
  </div>
  <div class="product-detail">
    <div class="product-icon">
      <img src="img/product_detail_icon.png" alt="">
    </div>
  </div>
  <div class="product-detail-introl">
    <div class="product-detail-list">
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
      <p>产品的详情 全部为富文本展示区</p>
    </div>
  </div>
</section>
<div class="add-calc-position box box-center">
  <span class="icon-item box box-center"><i class="shopping-card-icon"></i></span>
  <span class="calc-item">
    <p>共<span class="totalProduct">13</span>件商品</p>
    <p>总价：<span class="totalPrice">234.5</span>元（含<span>6</span>元配送费）</p>
  </span>
  <span class="add-item">
    <a href="confirmOrder.html" class="footer-add-btn">加入购物车</a>
  </span>
  <span class="btn-item">
    <a href="confirmOrder.html" class="footer-add-btn">结算</a>
  </span>
</div>
<script src="js/jquery.js"></script>
<script src="js/swiper/swiper.js"></script>
<script src="js/each/index.js"></script>
</body>
</html>